<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>猫眼看房</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>

	<body>
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-arrow-left"></a>
			<h1>猫眼看房</h1>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2 parambox">
			<div class="b-introduce">
				<h2>楼盘介绍</h2>
				<p class="b-detail">北纬18°之上，雅居乐清水湾携手摩根史丹利斥资300亿，精耕6载打造15万亩滨海度假王国，如今沿16公里景观大道、12公里海岸线已兴建成星际酒店、滨海高尔夫、780席游艇码</p>
				<p class="b-detail">北纬18°之上，雅居乐清水湾携手摩根史丹利斥资300亿，精耕6载打造15万亩滨海度假王国，如今沿16公里景观大道、12公里海岸线已兴建成星际酒店、滨海高尔夫、780席游艇码</p>
				<p class="b-detail">北纬18°之上，雅居乐清水湾携手摩根史丹利斥资300亿，精耕6载打造15万亩滨海度假王国，如今沿16公里景观大道、12公里海岸线已兴建成星际酒店、滨海高尔夫、780席游艇码</p>
				<i class="iconfont icon-arrow-down" onclick="showmore(this)"></i>
			</div>
			<div class="block4"></div>
			<div class="paramList">
				<h2>楼盘参数</h2>
				<ul>
					<li class="row">
						<label>开发商</label>
						<p>海南美豪利投资有限公司</p>
					</li>
					<li class="row">
						<label>产权</label>
						<p>70年</p>
					</li>
					<li class="row">
						<label>装修</label>
						<p>精装修</p>
					</li>
					<li class="row">
						<label>交房时间</label>
						<p>2017年2月</p>
					</li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/wap.js"></script>
		<script type="text/javascript">
			//点击更多报价
			$(document).ready(function() {
				var arr = $(".b-introduce p:not(:hidden)");
				if (arr.length > 1) {
					$(".b-introduce p").hide();
					$(".b-introduce p:lt(1)").show();
				} else if (arr.length <= 1) {
					$('.b-introduce i').hide();
				}
			});

			function showmore(e) {
				if ($(e).hasClass('icon-arrow-down')) {
					$(e).removeClass('icon-arrow-down').addClass('icon-arrow-up');
					$(".b-introduce p").show();
				} else {
					$(e).removeClass('icon-arrow-up').addClass('icon-arrow-down');
					$(".b-introduce p").hide();
					$(".b-introduce p:lt(1)").show();
				}
			}
		</script>
	</body>

</html>